﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="About.aspx.cs" Inherits="Web.About.NewAbout.about" %>
<%@ Register Src="~/AboutControl/sidebar.ascx" TagPrefix="uc1" TagName="sidebar" %>
<%@ Register Src="~/AboutControl/footer.ascx" TagPrefix="uc1" TagName="footer" %>
<%@ Register Src="~/AboutControl/state.ascx" TagPrefix="uc1" TagName="state" %>
<%@ Register Src="~/AboutControl/headers.ascx" TagPrefix="uc1" TagName="headers" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8"/>
    <meta name="keywords" content="恒信人才,恒信网聘,恒信猎头,恒信派遣,恒信培训,恒信家政"/>
    <meta name="description" content="恒信人才目前是浙江省内最具规模和影响力的专业人力资源公司,全力引进优秀人才,支持浙江新的腾飞!"/>
    <meta content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=yes" name="format-detection"/>
    <meta name="renderer" content="webkit"/>
    <meta content="email=no" name="format-detection"/>
    <link href="css/all.css" rel="stylesheet" />    
    <link href="css/media.css" rel="stylesheet" /><!--各个浏览器响应式属性-->
    <link href="css/animation.css" rel="stylesheet" /><!--图片渐变键入效果样式-->
    <link href="css/base.css" rel="stylesheet" /><!--默认样式重置-->
    <link rel="stylesheet" href="css/lrtk.css" /><!--banner样式-->
    <link href="css/scroll.css" rel="stylesheet" /><!--默认样式重置-->
    <link href="css/product.css" rel="stylesheet" /><!--产品服务样式-->

    <!-- 引入 swiper 核心样式 -->
<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css" /> 

    <script src="js/jquery.js"></script><!--Jquery1.10.1库-->
    <!-- 引入 swiper 核心脚本（放 jQuery 之后，index.js 之前） -->
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script> 
    <script src="js/waypoints.min.js" type="text/javascript"></script><!--滚动监听--> 
    <script src="js/index.js" type="text/javascript"></script><!--滚动监听--> 
    <script src="js/scroll.js" type="text/javascript"></script><!--轮播图--> 
    
</head>  
  
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>

<body>
     <uc1:headers runat="server" id="headers" />
<uc1:sidebar runat="server" ID="sidebar" />
  <!-- 顶部 banner 图 -->
  <div class="top-banner">
    <img src="/images/solution/trusteeship_bg.jpg" alt="">
    <div class="banner-title">
      <div class="banner-h1">劳动托管关系</div>
      <div class="banner-h2">助力企业实现更灵活、更有效、更合理的人力资源配置</div>
      <div class="banner-btn"><a href="https://hxrc91job.mikecrm.com/Gg7ZWF">联系我们</a></div>
    </div>
  </div>

  <!-- 导航栏 -->
  <div class="nav">
    <div class="nav-container">
      <ul>
        <li class="active" data-target="custormer-difficulty">
          <a href="#custormer-difficulty" style="text-decoration: none; color: inherit;">客户的难题</a>
        </li>
        <li data-target="mine-product">
          <a href="#mine-product" style="text-decoration: none; color: inherit;">我们的产品</a>
        </li>
        <li data-target="advantage">
          <a href="#advantage" style="text-decoration: none; color: inherit;">我们的优势</a>
        </li>
        <li data-target="enterprise-honor">
          <a href="#enterprise-honor" style="text-decoration: none; color: inherit;">我们的价值</a>
        </li>
      
      </ul>
    </div>
  </div>

  <!-- 内容容器 -->
  <div class="container">
    <!-- 客户的难题 -->
    <div id="custormer-difficulty" class="custormer-difficulty">
        <div>

      <h2 class="section-header-h1">客户的难题</h2>
      <div class="corporate-culture">
          <div class="culture-item">
              <h3>01</h3>
              <p>劳动用工风险高</p>
              <p>企业面临多种劳动用工风险，如合同制定不当、社保缴纳不合规、劳动争议处理不善等，这些问题易导致法律纠纷和经济损失。</p>
          </div>
          <div class="culture-item">
              <h3>02</h3>
              <p>用工管理不规范</p>
              <p>缺乏有效的用工管理制度和流程，导致员工管理混乱，影响工作效率和企业形象。</p>
          </div>
          <div class="culture-item">
              <h3>03</h3>
              <p>‌证据留存困难 </p>
              <p>在劳动争议处理过程中，企业往往因无法提供有效证据而处于不利地位。</p>
          </div>
          <div class="culture-item">
              <h3>04</h3>
              <p>专业法律咨询需求</p>
              <p>企业在遇到劳动法律问题时，缺乏专业的法律支持和即时咨询服务。</p>
          </div>
          </div>
        </div>

    </div>

    <!-- 我们的产品 -->
     <div id="mine-product" class="mine-product">
       <div>

      <h2 class="section-header-h1">我们的产品</h2>
     <div class="product-text">
     <p>白话用工侠</p>
     <p>白话用工侠是 【白话劳动法】 为企业提供劳动关系管理托管服务的数字化载体及平台。企业用工管理不再需要亲力亲为 、不再需要配备专业HR， 不再需要单独设计用工管理系统， 不再需要另行购买电子合同平台， 只需要向 【用工侠】 和托管中心顾问发出指令， 由 【用工侠】 代替企业形成管理文本 、管理流程， 由托管中心顾问进 行用工咨询和风险把控， 完成对员工送达 、沟通与进程推进的集咨询 、顾问 、落地执行为一体的托管服务 。
</p>


     </div>
     <div class="product-center">
        <div class="product-content">
          <div class="left-line"></div>
          <div class="swiper-container">
            <div class="swiper-wrapper">
              <div class="swiper-slider">
                <div class="swiper-l-line lline" ></div>

                <div class="animate-item">
                  <div class="icon-item">
                    <img src="/images/solution/produce1.png" alt="">
                  </div>
                  <div class="txt">专业咨询与服务<br>诊断</div>
                </div>
                <div class="swiper-r-line rline " ></div>
              </div>
               <div class="swiper-slider">
                <div class="swiper-l-line lline no2line" ></div>

                <div class="animate-item">
                  <div class="icon-item">
                    <img src="/images/solution/produce2.png" alt="">
                  </div>
                  <div class="txt">定制相应的人力<br>资源服务流程</div>
                </div>
                <div class="swiper-r-line rline" style="transform: rotate(0deg) translate(0px, 0px); opacity: 1;"></div>

              </div>
               <div class="swiper-slider">
                <div class="swiper-l-line lline no3line" ></div>

                <div class="animate-item">
                  <div class="icon-item">
                    <img src="/images/solution/produce3.png" alt="">
                  </div>
                  <div class="txt">稳定的服务<br>质量</div>
                </div>
                <div class="swiper-r-line rline" style="transform: rotate(0deg) translate(0px, 0px); opacity: 1;"></div>

              </div>
               <div class="swiper-slider">
                <div class="swiper-l-line lline no4line" ></div>

                <div class="animate-item">
                  <div class="icon-item">
                    <img src="/images/solution/produce4.png" alt="">
                  </div>
                  <div class="txt">定期的服务评估<br>与持续渐进</div>
                  
                </div>
                <div class="swiper-r-line rline" style="transform: rotate(0deg) translate(0px, 0px); opacity: 1;"></div>

              </div>
               <div class="swiper-slider">
                <div class="swiper-l-line lline no5line" ></div>

                <div class="animate-item">
                  <div class="icon-item">
                    <img src="/images/solution/produce5.png" alt="">
                  </div>
                  <div class="txt">伴随企业发展，提供<br>可拓展的体系化<br>服务支持</div>
                </div>
                <div class="swiper-r-line rline " style="transform: rotate(0deg) translate(0px, 0px); opacity: 1;"></div>

              </div>
               <div class="swiper-slider">
                <div class="swiper-l-line lline no6line" ></div>

                <div class="animate-item">
                  <div class="icon-item">
                    <img src="/images/solution/produce6.png" alt="">
                  </div>
                  <div class="txt">管理并跟踪客户<br>需求变化</div>
                </div>
                <div class="swiper-r-line rline " style="transform: rotate(0deg) translate(0px, 0px); opacity: 1;"></div>

              </div>
               <div class="swiper-slider">
                <div class="swiper-l-line lline no7line" ></div>

                <div class="animate-item">
                  <div class="icon-item">
                    <img src="/images/solution/produce7.png" alt="">
                  </div>
                  <div class="txt">提供全面的<br>服务信息交付<br>支持平台</div>
                </div>
                <div class="swiper-r-line rline " style="transform: rotate(0deg) translate(0px, 0px); opacity: 1;"></div>

              </div>
            </div>
          </div>
          <div class="right-line"></div>
        </div>
     </div>

    </div>
    </div>
    <div class="container">
    <!-- 我们的优势 -->
    <div id="advantage" class="advantage-section-center">
        <div>

      <h2 class="section-header-h1">我们的优势</h2>
      <div class="corporate-culture">
        <div class="center-first">
            <div class="culture-item">
            <div class="top-img">
              <img src="/images/solution/center_a_bg1.png" alt="">
            </div>
            <div class="asc-right">
               <h3>01</h3>
                <p>专业团队支持</p>
                <div class="center-txt">由清华法学博士白永亮领衔的50人专家团队，专注劳动风险预防20年，为企业提供专业、高效的服务。
</div>
            </div>
             
           
          </div>
          <div class="culture-item">
             <div class="top-img">
              <img src="/images/solution/center_a_bg2.jpg" alt="">
            </div>
              <div class="asc-right">
                 <h3>02</h3>
                 <p>全流程可视化管理</p>
                <div class="center-txt">通过线上平台实现用工管理的全流程可视化，帮助企业实时监控用工状态，提高管理效率。</div>
              </div>
          </div>
        </div>
        <div class="center-scend">
 <div class="culture-item">
             <div class="top-img">
              <img src="/images/solution/center_a_bg3.jpg" alt="">
            </div>
            <div class="asc-right">
               <h3>03</h3>
                <p>‌高效便捷的服务</p>
                <div class="center-txt">提供电子合同服务、背景调查服务等高效便捷的服务，助力企业防范用工风险，提升招聘决策效率。</div>
            </div>
          </div>
           <div class="culture-item">
             <div class="top-img">
              <img src="/images/solution/center_a_bg4.jpg" alt="">
            </div>
             <div class="asc-right">
               <h3>04</h3>
                <p>安全保障措施完善</p>
                <div class="center-txt">采取多层防火墙保护、数据加密等安全保障措施，确保企业数据安全无忧。</div>
            </div>
          </div>
        </div>
        
         
          
          </div>
        </div>

    </div>


    <!-- 我们的价值 -->
    <div id="enterprise-honor" class="honor-section">
       <div>

          <h2 class="section-header-h1">我们的价值</h2>
          <div class="corporate-culture">
          <div class="culture-item">
            <h3>降低用工风险</h3>
              <p>通过专业的用工风险诊断和全流程管理，有效降低企业用工过程中的法律风险和经济损失。
</p>
              <div class=" value-icon value-icon1"></div>
          </div>
          <div class="culture-item">
             <h3>提升管理效率</h3>
              <p>提供标准化的用工管理制度和流程，帮助企业实现用工管理的规范化和高效化。</p>
              <div class="value-icon value-icon2"></div>
          </div>
          <div class="culture-item">
              <h3>‌节省成本支出</h3>
              <p>通过一站式服务和线上管理，减少企业在用工管理方面的投入，降低运营成本。</p>
              <div class="value-icon value-icon3"></div>
          </div>
          <div class="culture-item">
              <h3>增强企业竞争力</h3>
              <p>帮助企业构建合规、高效的用工管理体系，提升企业形象和竞争力，助力企业稳健发展。</p>
              <div class="value-icon value-icon4"></div>
          </div>
          
          </div>
        </div>
      </div>

    </div>
    </div>
  </div>
        <uc1:footer runat="server" ID="footer" />
        <uc1:state runat="server" ID="state" />
  <script>
    // 导航栏激活状态
    $(window).scroll(function() {
      const scrollPosition = $(window).scrollTop() + 100;
      
      $('.section').each(function() {
        const sectionTop = $(this).offset().top;
        const sectionId = $(this).attr('id');
        
        if (scrollPosition >= sectionTop) {
          $('.nav li').removeClass('active');
          $(`.nav li[data-target="${sectionId}"]`).addClass('active');
        }
      });
    });
   
    // 平滑滚动
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
      anchor.addEventListener('click', function (e) {
        e.preventDefault();
        
        document.querySelector(this.getAttribute('href')).scrollIntoView({
          behavior: 'smooth'
        });
      });
    });
  </script>
</body>

</html>
